﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Internal.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    成品组装
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ScriptStyleContent" runat="server">
    <script type="text/javascript">
        function goToView(viewId, number) {
            $("#productDefinationList").hide();
            $("#" + viewId).show();
            beginSimulate(number);
        }
        function returnToList() {
            $("#productDefinationList").show();
            $("#view1").hide();
            $("#view2").hide();
            $("#view3").hide();
            return false;
        }

        function beginSimulate(number) {
            setTimeout(function () {
                $("#banner" + number).show();
                $("#operationScreen" + number).show();
            }, 1000);
            setTimeout(function () {
                $("#materialList1" + number).show();
            }, 2000);
            setTimeout(function () {
                $("#amount1" + number).html("2");
            }, 3000);
            setTimeout(function () {
                $("#amount1" + number).html("3");
            }, 4000);
            setTimeout(function () {
                $("#status1" + number).html("已装配");
            }, 4000);
            setTimeout(function () {
                $("#materialList2" + number).show();
            }, 5000);
            setTimeout(function () {
                $("#amount2" + number).html("2");
            }, 6000);
            setTimeout(function () {
                $("#status2" + number).html("已装配");
            }, 7000);
        };
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div id="productDefinationList">
        选择成品定义
        <div>
            <a href="#" onclick="goToView('view1','1');">节能灯</a>
        </div>
        <div>
            <a href="#" onclick="goToView('view2','2');">白炽灯</a>
        </div>
        <div>
            <a href="#" onclick="goToView('view3','3');">冷光灯</a>
        </div>
    </div>
    <div id="view1" style="display: none;">
        <div>
            <a href="#" onclick="returnToList();">重新选择成品定义</a> 成品:节能灯
            <div id="banner1" style="display: none;">
                物料列表:
            </div>
            <div id="operationScreen1" style="display: none;">
                <table cellpadding="10">
                    <thead>
                        <tr>
                            <td>
                                物料型号
                            </td>
                            <td>
                                数量
                            </td>
                            <td>
                                状态
                            </td>
                        </tr>
                    </thead>
                    <tbody>
                        <tr id="materialList11" style="display: none;">
                            <td>
                                <span>0.15mm蚀刻铜片</span>
                            </td>
                            <td>
                                <span id="amount11">1</span>
                            </td>
                            <td>
                                <span id="status11">未装配</span>
                            </td>
                        </tr>
                        <tr id="materialList21" style="display: none;">
                            <td>
                                <span>圆管</span>
                            </td>
                            <td>
                                <span id="amount21">1</span>
                            </td>
                            <td>
                                <span id="status21">未装配</span>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <p>
                    <input type="button" value="确认" onclick="confirmAction()" />
                </p>
            </div>
        </div>
    </div>
    <div id="view2" style="display: none;">
        <div>
            <a href="#" onclick="returnToList();">重新选择成品定义</a> 成品:白炽灯
            <div id="banner2" style="display: none;">
                物料列表:
            </div>
            <div id="operationScreen2" style="display: none;">
                <table cellpadding="10">
                    <thead>
                        <tr>
                            <td>
                                物料型号
                            </td>
                            <td>
                                数量
                            </td>
                            <td>
                                状态
                            </td>
                        </tr>
                    </thead>
                    <tbody>
                        <tr id="materialList12" style="display: none;">
                            <td>
                                <span>0.15mm蚀刻铜片</span>
                            </td>
                            <td>
                                <span id="amount12">1</span>
                            </td>
                            <td>
                                <span id="status12">未装配</span>
                            </td>
                        </tr>
                        <tr id="materialList22" style="display: none;">
                            <td>
                                <span>圆管</span>
                            </td>
                            <td>
                                <span id="amount22">1</span>
                            </td>
                            <td>
                                <span id="status22">未装配</span>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <p>
                    <input type="button" value="确认" onclick="confirmAction()" />
                </p>
            </div>
        </div>
    </div>
    <div id="view3" style="display: none;">
        <div>
            <a href="#" onclick="returnToList();">重新选择成品定义</a> 成品:冷光灯
            <div id="bannner3" style="display: none;">
                物料列表:
            </div>
            <div id="operationScreen3" style="display: none;">
                <table cellpadding="10">
                    <thead>
                        <tr>
                            <td>
                                物料型号
                            </td>
                            <td>
                                数量
                            </td>
                            <td>
                                状态
                            </td>
                        </tr>
                    </thead>
                    <tbody>
                        <tr id="material13" style="display: none;">
                            <td>
                                <span>0.15mm蚀刻铜片</span>
                            </td>
                            <td>
                                <span id="amount13">1</span>
                            </td>
                            <td>
                                <span id="status13">未装配</span>
                            </td>
                        </tr>
                        <tr id="materialList23" style="display: none;">
                            <td>
                                <span>圆管</span>
                            </td>
                            <td>
                                <span id="amount23">1</span>
                            </td>
                            <td>
                                <span id="status23">未装配</span>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <p>
                    <input type="button" value="确认" onclick="alert('成品组装成功!');$('bnPrint').show();" />
                    <input id="bnPrint" type="button" value="打印" style="display: none;" />
                </p>
            </div>
        </div>
    </div>
</asp:Content>
